<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/tang.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            text-decoration: none;
            list-style: none;
        }
    </style>
</head>

<body>
    <div class="warp">
        <header>
            <nav>
                <div class="logo">
                    <h4>Back</h4>
                </div>
                <div class="search">
                    <p>详细产品</p>
                </div>
                <div class="area">
                    <i class="iconfont icon-shixinxingxing"></i>
                </div>
            </nav>
            <div class="banner">
                <div class="img">
                    <img src="./images/pc项目/产品详细页/产品详细页_03.png" alt="">
                </div>
                <div class="box">
                    <div class="box1">
                        <p>¥ 32</p>
                    </div>
                    <div class="box2">
                        <p>购买</p>
                    </div>
                </div>
                <div class="son">

                    <div class="son2">
                    <i class="iconfont icon-wodeqianbaoshangjia"></i>
                    <h4>好评度 <span>99%</span></h4>
                    </div>
                    <div class="son1">
                        <p>共605个评价></p>
                    </div>
                </div>
                <div class="red">
                    <div class="red1">
                        <h3>适用商户</h3>
                    </div>
                    <div class="red1">
                        <h2>&gt;</h2>
                    </div>
                </div>
            </div>

        </header>
        <main>
            <div class="left">
                <div class="box">
                    <div class="box1">
                        <img src="./images/pc项目/产品详细页/产品详细页_07.png" alt="">
                    </div>
                    <div class="box2">
                        <h3>万岁寿司(正佳店)</h3>
                        <p><i class="iconfont icon-shixinxingxing"></i><i class="iconfont icon-shixinxingxing"></i><i class="iconfont icon-shixinxingxing"></i><i class="iconfont icon-shixinxingxing"></i><i class="iconfont icon-shixinxingxing"></i>10分</p>
                        <p>离你100米</p>
                        <a>查看详情&gt; &gt;</a>
                    </div>
                </div>
                <div class="boox">
                    <p>进入</p>
                </div>
            </div>
            <div class="right">
                <div class="box">
                    <div class="box1">
                        <img src="./images/pc项目/产品详细页/产品详细页_11.png" alt="">
                    </div>
                    <div class="box2">
                        <h3>万岁寿司(体育西)</h3>
                        <p><i class="iconfont icon-shixinxingxing"></i><i class="iconfont icon-shixinxingxing"></i><i class="iconfont icon-shixinxingxing"></i><i class="iconfont icon-shixinxingxing"></i><i class="iconfont icon-shixinxingxing"></i>10分</p>
                        <p>离你100米</p>
                        <a>查看详情&gt; &gt;</a>
                    </div>
                </div>
                <div class="boox">
                    <p>进入</p>
                </div>
            </div>
            <div class="foot">
                <div class="box">
                    <div class="box1">
                        <img src="./images/pc项目/产品详细页/产品详细页_13.png" alt="">
                    </div>
                    <div class="box2">
                        <h3>万岁寿司(昌岗店)</h3>
                        <p><i class="iconfont icon-shixinxingxing"></i><i class="iconfont icon-shixinxingxing"></i><i class="iconfont icon-shixinxingxing"></i><i class="iconfont icon-shixinxingxing"></i><i class="iconfont icon-shixinxingxing"></i>10分</p>
                        <p>离你100米</p>
                        <a>查看详情&gt; &gt;</a>
                    </div>
                </div>
                <div class="boox">
                    <p>进入</p>
                </div>
            </div>
        </main>
        <footer>
            <div class="foot">
                <div class="font1">
                    <i class="iconfont icon-shouye"></i>
                    <p><a href="./index.html">首页</a></p>
                </div>
                <div class="font1">
                    <i class="iconfont icon-fenlei"></i>
                    <p><a href="./tao.html">分类</a></p>
                </div>
                <div class="font1">
                    <i class="iconfont icon-faxian"></i>
                    <p><a href="./tuo.html">发现</a></p>
                </div>
                <div class="font1">
                    <i class="iconfont icon-wode"></i>
                    <p><a href="./text.html">我的</a></p>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>